我們想把一個常用社群的 logo 放到 APP 裏頭。
首先，放置 asset 裡頭的圖片 logo 。

一開始我們會直覺的先用定位法，給定我們希望 logo 出現的位置。

let photoImage = UIImageView(image:#imageLiteral(resourceName: "001-snapchat-1"))
        view.addSubview(photoImage)
        
photoImage.frame = CGRect(x: 120, y: 30, width: 50, height: 50)

結果就如同我們所期待的。

但是，假如我們把手機水平放置的時候， logo 的地方就會完全跑掉了。
並且，假如我們用 iphone X 上預覽這個畫面的話，結果更是難以想像。

解決的方式之一，就是使用 Auto Layout 取代絕對定位。
把先前的程式碼 comment 掉。

        // 1. set up the four constraints
        // 2. this enables autolayout
  photoImage.translatesAutoresizingMaskIntoConstraints = false
        // 3. then, set these four constraints to be active
  hotoImage.centerXAnchor.constraint(equalTo: view.centerXAnchor).isActive = true
//photoImage.centerYAnchor.constraint(equalTo: view.centerYAnchor).isActive = true 
//but now we want our logo close to the top
  photoImage.topAnchor.constraint(equalTo: view.topAnchor, constant: 30).isActive = true
  photoImage.widthAnchor.constraint(equalToConstant: 50).isActive = true
  photoImage.heightAnchor.constraint(equalToConstant: 50).isActive = true

首先給出四個 constraints ，分別以 centerXAnchor ， centerYAnchor ， widthAnchor 及 heightAnchor 進行定位。

translatesAutoresizingMaskIntoConstraints 其中，AutoresizingMask 是一個讓元素 subView 依據他的 superView 自動變更大小的屬性。可以把它想像成是一組免費奉送的 contraints，預設值為true。在不修改預設值成 false 之前，我們將無法使用我們自己訂的 Auto Layout constraints。

最後，我們還需要把這四個 constraints 的 isActive 設為 true 。才會開始作用。